<template>
  <v-container>
    <v-carousel>
      <v-carousel-item v-for="(item,i) in items" :src="item.src" :key="i"></v-carousel-item>
    </v-carousel>
  </v-container>
</template>

<script>
export default {
  name: 'Photography',
  data () {
    return {
      items: [
        {
          src: 'http://hdwallpapers.move.pk/wp-content/uploads/2015/03/eagle-attack-in-sea-fish.jpg'
        },
        {
          src: 'http://i.huffpost.com/gen/1352568/images/o-BALD-EAGLE-facebook.jpg'
        },
        {
          src: 'http://i.huffpost.com/gen/1539925/thumbs/o-BALD-EAGLE-facebook.jpg'
        },
        {
          src: 'http://upload.wikimedia.org/wikipedia/commons/9/98/GreatHornedOwl-Wiki.jpg'
        }
      ]
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
